<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate,proxy-revalidate, max-age=0" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />

    <title>日产量报表（掌上数据，仅供参考）</title>

    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <!--手机横向显示
    <link type="text/css" rel="stylesheet" href="css/sendoutdetail.component.css">
    -->
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/demo/demo.css">
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>


    <script src="js/datePicker.js" type="text/javascript"></script>
    <script src="js/date01.js?version=1.1" type="text/javascript"></script>

    <!--下拉样式设置-->
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/swiper.min.css">


    <link type="text/css" rel="stylesheet" href="css/ProcessOutput.css?version=1.1">
    <script type="text/javascript" src="js/ProcessOutput.js?version=1.1"></script>
    <!--
        <script src="js/BPCPDate.js" type="text/javascript"></script>
    -->
    <script src="js/swiper.min.js"></script>
    <script src="js/dyselect.js"></script>

</head>

<body style="height: 100%; margin: 0">

<div class="main_d">

    <div class="d_detail01">
        <button class="btn2">染厂名称</button>
    </div>

    <div class="d_detail02">
        <div style="margin:1px 0 1px 0;"></div>
        <div id="tabs" class="easyui-tabs" style="width:100%;height:100%">
            <div title="工序产量表" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetai" class="easyui-datagrid" title="" style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
               toolbar:'#tb',footer:'#ft'">

                    <thead data-options="frozen:true">
                    <tr>
                        <th data-options="field:'B_ProcessName',width:65,align:'center'">工序</th>
                        <th data-options="field:'type',width:35,align:'center'">类型</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th data-options="field:'ps',width:55,align:'right'">匹数</th>
                        <th data-options="field:'qty',width:80,align:'right'">公斤</th>
                        <th data-options="field:'Meter',width:80,align:'right'">米数</th>
                    </tr>
                    </thead>
                </table>
            </div>
            <div title="品种产量表" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetai02" class="easyui-datagrid" title="" style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
               toolbar:'#tb',footer:'#ft'">

                    <thead data-options="frozen:true">
                    <tr>
                        <th data-options="field:'colorClothId',width:70,align:'center'">品种</th>
                        <th data-options="field:'B_ProcessName',width:60,align:'center'">工序</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th data-options="field:'ps',width:50,align:'right'">匹数</th>
                        <th data-options="field:'qty',width:80,align:'right'">公斤</th>
                        <th data-options="field:'Meter',width:80,align:'right'">米数</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    <div class="d_detail03" >

        <div class="d_detail03_01">
            <div class="demos data01" style="width: 50%;border: 0px solid red">
                <label style="width: 30px;border: 0px solid red" for="appDateTime">起:</label>
                <input class="Datetext" type="text" name="appDateTime" id="appDateTime" readonly/>
            </div>

            <div class="demos data02" style="width: 50%;border: 0px solid red">
                <label style="width: 30px;border: 0px solid red" for="appDateTime02">止:</label>
                <input class="Datetext" type="text" name="appDateTime02" id="appDateTime02" readonly/>
            </div>
<!--            <div class="demos data01">-->
<!--                <label for="appDateTime">起始:</label>-->
<!--                <input class="Datetext" type="text" name="appDateTime" id="appDateTime" readonly/>-->
<!--            </div>-->

<!--            <div class="demos data02">-->
<!--                <label for="appDateTime02">终止:</label>-->
<!--                <input class="Datetext" type="text" name="appDateTime02" id="appDateTime02" readonly/>-->
<!--            </div>-->
        </div>
        <div class="d_detail03_02">
            <input onclick="getquery()" type="button" class="d_detail03_2_1 buttom" value="查询">
            <input onclick="getYesterday()" type="button" class="d_detail03_2_3 buttom" value="昨日">
            <input onclick="getToday()" type="button" class="d_detail03_2_4 buttom" value="本日">
            <!--
            <input onclick="getClientName()" type="button" class="d_detail03_2_2 buttom" value="确定">
            -->
        </div>

    </div>

    <!--下拉弹出的div*/-->
    <div class="select_box select_box2"></div>

</div>


</body>

<script>
    $(".buttom").click(
        function () {
            $(".buttom").eq($(this).index()).css('background', '#26bbdb').siblings().css('background', '#f5f5f5');
            //$(".buttom").eq($(this).index()).css('disabled', true).siblings().css('disabled', false);
            //$(".buttom").eq($(this).index()).attr("disabled",true); //.siblings().attr("disabled",false);
            //$(".buttom").attr("disabled",true);
        })


</script>

</html>